<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- 引入地址栏图标 -->
  <link rel="shortcut icon" href="/favicon.ico">
  <!-- 引入base样式文件 -->
  <link rel="stylesheet" href="/css/base.css">
  <!-- 引入css样式文件-->
  <link rel="stylesheet" href="/css/liebiao.css">
  <!-- 引入bootstrap文件 -->
<link rel="stylesheet" href="/lib/bootstrap-3.4.1-dist/css/bootstrap.css">
  <title>首页-绝地求生周边商城</title>
</head>

<body>
  <!-- 主容器 -->
  <div id="container">
    <!-- 网页头部 -->
    <header>
      
    </header>

    <!-- 网页内容 -->
    <main>
      <div class="product-list">
        <div class="breadcrumb">
          <span>
            <a class="nav-first">首页></a>
          </span>
          <span>
            <a class="nav-current">所有商品</a>
          </span>
        </div>
        <div class="show-filter">
          <ul class="filter-item">
            <li class="filter-item-title">分类: </li>
            <li class="filter-item-current">全部 </li>
            <li>周年纪念礼盒</li>
            <li>家居日用</li>
          </ul>
        </div>
        <div class="show-filter flex-item" style="border-bottom: none">
          <ul class="filter-item">
            <li class="filter-item-title">排序: </li>
            <li class="filter-item-current">默认 </li>
            <li>价格<i class="ico-common i-arrow"></i></li>
            <li>新品<i class="ico-common i-arrow"></i></li>
            <li>人气<i class="ico-common i-arrow"></i></li>
            <li>销量<i class="ico-common i-arrow"></i></li>
          </ul>
          <ul class="filter-item">
            <li class="filter-item-title">筛选:</li>
            <li class="filter-item-check"><i class="ico-common i-check"></i>有货 </li>
            <li class="filter-item-check"><i class="ico-common i-check"></i>包邮</li>
            <li class="filter-item-check"><i class="ico-common i-check"></i>聚豆可抵</li>
          </ul>
        </div>
        <div class="good-list">
        <script type="text/html" id="template_llb">
          {{each list item}}
            <li class="liis">
              <a class="good-item" href="/html/detail.html?qwer={{item.id}}">
                <img src="{{item.image}}" width="280" height="268" alt="商品图">
                <div class="good-info">
                  <p class="good-name">{{item.title}}</p>
                  <div class="good-pri">
                    <span class="new-pri">￥{{item.price}}</span>
                    <span class="old-pri">￥{{item.originPrice}}</span>
                  </div>
                </div>
              </a>
            </li>
            {{/each}}
          </script>
          
            
          <ul class="clearfix tmp_llb">

           </ul>
        </div>
        <div class="page-container flex-item">
          <span class="page-btn active">
            <a>1</a>
          </span>
          <div class="page-arrow">
            <span class="p_prev">
              <a class="page-arrow-item">
                <i class="ico-center ico-arrleft"></i>
              </a>
            </span>
            <span class="p_next">
              <a class="page-arrow-item">
                <i class="ico-center ico-arrright"></i>
              </a>
            </span>
          </div>
        </div>
      </div>
    </main>

    <!-- 网页尾部 -->
    <footer>
      
    </footer>
<!-- 回到顶部 -->
  <div class="topnav">
  </div>
  
    <!-- QQ登陆 -->
    <div class="koukou">
      
    </div>
  </div>
<script src="/lib/require/require.js" data-main="/js/liebiao"></script>

</body>

</html>